Blog 就是用来记录自己的生活或是发表自己的见解的一种网络日记。既然一切互联网的初衷是 Free(自由) Free(免费),那我们又何必为了记日记而斥巨资呢?
今天EdwardZhang就来带大家看看如何0费用搭建符合自己审美的Blog!
Here we go ~
利用 Github+Hexo 进行搭建(以下过程基于Windows系统)
准备工作:
1.安装Node.js
下载地址:传送门
去 NodeJs 官网下载相应版本,进行安装即可。
可以通过node -v的命令来测试NodeJS是否安装成功
2.安装Git
下载地址:传送门
去 Git 官网下载相应版本,进行安装即可。
可以通过git –version的命令来测试git是否安装成功
3.注册Github账号
去 Github 官网进行注册即可。
注册完之后记得添加 SSH Key。
这个 SSH Key是一个认证,让github识别绑
这台机器,允许这台机器提交。执行如下命令:
cd ~/.ssh
~这个符号,表示在用户目录下
执行代码如果提示:No such file or directory 说明你是第一次使用git。
下面就说下怎么配置SSH Key。
生产新的SSH Key配置
在Git Bash执行代码:(此处有坑!要注意运行Git Bash时右键使用管理员身份运行)
ssh-keygen -t rsa -C "your email address"
记得修改成你自己邮箱地址。
成功后会生成两个文件id_rsa 以及id_rsa.pub。
这两个文件在刚才用户的.ssh目录下
如图:
id_rsa
id_rsa.pub
之后在github添加SSH Key,在任意界面右上角
点击你的头像,选择Settings-> SSH keys->New SSH key 这里写图片描述
Congratulations!
添加成功!
搭建博客:
1.安装Hexo
在本地新建一个Blog文件夹,文件右键,选择Git Bash。
输入指令安装hexo:npm install -g hexo
等安装完毕,通过输入hexo的命令来测试Hexo是否安装成功,成功如下图展示:
接着初始化Hexo:hexo init hexo
初始化成功会显示Start blogging with Hexo!
这时在你刚才创建的Blog里面会多出一个hexo文件
进入到hexo目录,输入指令npm install
安装依赖文件以及部署形成文件
打开hexo目录
cd hexo
安装依赖文件
npm install
部署形成文件
hexo generate
hexo generate
最后只剩下运行server
跑起hexo服务
hexo server
这时提示
Hexo is running at http://loalhost:4000/.
接着我们打开浏览器,输入http://localhost:4000
便可看到默认的博客,如图:
至此,hexo已经安装完毕。
配置githubPage:
登录github,点击“New respository”
新建一个仓库
输入仓库名:你的github名称,github.io
(这里千万不要心存侥幸随意输域名。。。后果你懂)
然后点击Create repository。
注意:这边的创建名字
一定要用的github的用户名!
一定要用的github的用户名!
一定要用的github的用户名!
启用GitHub Page
点击右边的“Setting”菜单进入设置
拉到最下面
点击 Choose a theme
随便选择一个样式 之后会用自己的hexo覆盖
点击”Publish page”
发布github默认生成的一个静态站点
试着打开自己在github的静态网址,
我的https://Edward7Zhang.github.io ,
你会发现,
打开是你自己刚才选择静态站点模版。
将本地hexo项目托管到Github
打开修改hexo目录下配置文件_config.yml
编辑最后面的deploy属性,加入代码:
|
|
repository属性改成你的刚才创建仓库git地址。
分支branch填写master。
这边说下本地网站配置文件 _config.yml
网站的配置文件,
你可以在这里配置一些基本信息。
(只要你过了四级应该都懂 /// ///)
根据自己的需要修改即可!
安装hexo-deployer-git插件
|
|
部署你本地的主题到github上
代码如下,每次修改本地主题,都需要执行以下代码:
|
|
最后看下,部署到github上的效果!
Congratulation!!!Finished this project!
是不是瞬间感觉自己强的不行
OK,以上为Windows下使用Hexo+Github搭建个人博客。
怎么样
No Pay,More Gain